import React from 'react';
import { Link } from "react-router-dom";
import Btn from './status'
function ScollListRow0(props) {
  let { i = {} } = props
  let { type } = i;
  return (
    <Link className='listItem' to={"/shopDetails/" + i.id}  >
      <div className={"imgBox"}>
        <img className="banner-img" alt="1" src={i.img} />
      </div>
      <div className="listContent">
        <p className="title"> {i.title}-{props.index}</p>
        <p className="details"> {i.subTitle}</p>
        <p className="more"><span>数量:{i.price}</span> <Btn type={type} /></p>
      </div>
    </Link>
  )
}
export default ScollListRow0;